<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--父子：直接/任意"用空格或大于号",兄弟：邻接“用+号”，后面任意“用~号”-->
    <h1>我的故事</h1>
    <div class="digest">
        <p>这是一个段落</p>
        <p>这是第二个段落</p>
        <p>这是第三个段落</p>
        <div>
            <p>孙子辈p</p>
        </div>
    </div>
    <p class="bule">另一个p</p>

    <style>
        /*div.digest>p{color: brown;}*/
        h1+div{color: aqua;}
        /*h1~p{color: red;}*/
    </style>
</body>
</html>